<div id="character_small_<?php echo $character->getId() ?>" 
     class="small-item-container">

    <div id="character_small__<?php echo $character->getId() ?>_title" class="small-item-title">
        <?php echo image_tag('character-32x32'); ?> <?php echo $character->getName() ?>
    </div>
    <br/>
    <div id="character_small_<?php echo $character->getId() ?>_content" class="small-item-content">

        <!-- DIALOGS -->
        <div class="small-item-section">
            <table>
                <tr>                    
                    <td><?php echo image_tag('dialogs-32x32'); ?> Dialogs </td>
                    <td style="width: 150px; text-align: right;"><a href="#" onclick="return false;"><?php echo image_tag('add'); ?></img></td>
                </tr>
            </table>
            <?php if (count($character->getDialogs()) == 0) { ?>
                <div style="padding-left: 50px;"><?php echo image_tag('face-sad-32x32'); ?> <i>You haven't imagined any dialog.</i></div>
            <?php } else { ?>

                <?php foreach ($character->getDialogs() as $d) { ?>
                <a class="tooltip" onclick="alert('boo'); return false;">
                    <span class="iconic-item" onmouseover="console.info('over'); showDialogTooltip(<?php echo $d->getDialog()->getId()?>, 'tooltip');">
                            <?php echo $d->getDialog()->getName() ?>
                        </span>
                    <span id="tooltip" class="tooltip">
                        Loading data, please wait...                        
                    </span>
                    </a>
                    <?php } ?>
            <?php } ?>
        </div>

    </div>
    <?php include_partial('global/character-icon'); ?>
</div>
